<!DOCTYPE html>
<html lang="en">
    <head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>

	<script src="p5.js"></script>
	<script src="p5.dom.js"></script>
	<script src="p5.easycam.js"></script>
	
	<style>
         * {
	     margin:0px;
	     padding:0px;
	 }
	</style>
    </head>
    <body>
	<div id="wordplay" style="width:100%;height:calc(100vh)">
            
	</div>
	<script src="data.js"></script>
	<script src="p3d.js"></script>
	<script>	
	  var box = document.getElementById("wordplay");
		var myp3d = new p3d(box);
		var xyz = new xyz_sprite();
		var ground = new ground_sprite();
		myp3d.add(ground);
		myp3d.add(xyz);
		myp3d.init();
	 window.onload = function(){
		
	 
		var wbox = new wallbox(data); 
		myp3d.add(wbox);
	 
		
	 };
	</script>
    </body>
</html>
